<!-- HEADER OVER -->

<!-- department banner -->
{layout name="layout/department_header"}
<!-- department banner over-->

<!-- slider -->
<!-- <div class="slide-show">
  <div class="slide-show__wrapper container">
    <div class="row">
      <div class="slide-show__bg" style="background: url('./images/banner-01.png') center no-repeat; background-size: auto 100%;">
        <div class="slide-show__menu">
          <div class="slide-show__menu-item">
            <div class="bg time">
              <a href="#">
                <div class="text">预约
                  <br />挂号</div>
              </a>
            </div>
          </div>
          <div class="slide-show__menu-item">
            <div class="bg care">
              <a href="#">
                <div class="text">出诊
                  <br />信息</div>
              </a>
            </div>
          </div>
          <div class="slide-show__menu-item">
            <div class="bg wechat">
              <a href="#">
                <div class="text">微信</div>
                <div class="qr-code">
                  <img src="./images/qrcode.png">
                  <div class="des">微信公众号</div>
                </div>
              </a>
            </div>
          </div>
          <div class="slide-show__menu-item">
            <div class="bg app">
              <a href="#">
                <div class="text">APP</div>
                <div class="qr-code">
                  <img src="./images/qrcode.png">
                  <div class="des">APP</div>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div> -->
<!-- slider over -->

<!--
platform组件

命名规范:
块级名称__元素名称

示例：platform__info-card

层级关系
info-card-row > info-card
grid-row      > grid
team-row      > team
-->

<!-- CONTENT -->
<div class="container">
    <div class="row">
        <div class="row__7y">
            <div class="home__nav">
                <ol class="breadcrumb">
                    <span>您现在的位置：</span>
                    <li><a href="/">首页</a></li>
                    <li><a href="{:Url('department/department_nav')}">科室导航</a></li>
                    <li class="active"><a href="{:Url('department/department')}?cid={$departmentlist.id}">{$departmentlist['name']}</a>
                    </li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="site-content">
    <div class="platform container">
        <div class="platform__intro-row">
            <div class="platform__intro-pic">
                <img src="{$introduce[0]['attributes']['imageurl']}">
            </div>
            <div class="platform__intro-content">
                <div class="info-card">
                    <div class="info-card__header">
                        <h1 class="info-card__title"> {$introduce[0]['attributes']['name']}</h1>
                        <a href="#" class="info-card__know-more">浏览更多</a>
                    </div>
                    <div class="info-card__body clearfix">
                        <div class="text">
                            {$introduce[0]['attributes']['description']['value']}
                        </div>
                    </div>
                </div>
                <div class="info-card">
                    <div class="info-card__header">
                        <h1 class="info-card__title">就诊指南</h1>
                    </div>
                    <div class="info-card__body clearfix">
                        <div class="guide-list clearfix">
                            <div class="clearfix info-card__body__content">
                                <div class="info-card__body__icon">
                                    <div class="guide">
                                        <a href="{:Url('ArticleDetail/page_more')}?column=b5cfa6df-d1ea-4bbf-8d85-048be5d9258c"><img
                                                src="../static/images/guide-01.png"><br/></a>
                                        出停诊信息
                                    </div>
                                </div>
                                <div class="info-card__body__icon" style="display: none">
                                    <div class="guide">
                                        <img src="../static/images/guide-02.png"><br/>
                                        医疗服务
                                    </div>
                                </div>
                                <div class="info-card__body__icon">
                                    <div class="guide">
                                        <a href="{:Url('Common/page')}?id=2e74021b-4e53-40de-aefa-85e1a07eff27"><img
                                                src="../static/images/guide-03.png"><br/></a>
                                        科室位置
                                    </div>
                                </div>
                                <div class="info-card__body__icon">
                                    <div class="guide">
                                        <a href="{:Url('Common/page')}?id=0d82b3b3-6b0d-4bd8-83cc-55e94f781fda"><img
                                                src="../static/images/guide-04.png"><br/></a>
                                        患者服务
                                    </div>
                                </div>
                                <div class="info-card__body__icon">
                                    <div class="guide">
                                        <a href="{:Url('Common/page')}?id=694216d1-5001-4f54-b555-9f6b8784d473"> <img
                                                src="../static/images/guide-05.png"><br/></a>
                                        住院流程
                                    </div>
                                </div>
                                <div class="info-card__body__icon" style="display: none;">
                                    <div class="guide">
                                        <img src="../static/images/guide-06.png"><br/>
                                        健康教育
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row platform__grid-row">
            <div class="platform__plant">
                <div class="platform__title">
                    <!--特色专业-->
                </div>
                <div class="platform__grid-wrapper row__7y">
                    {volist name="profession" id="value"}
                    <div class="col-md-4">
                        <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}">
                            <div class="platform__grid"
                                 style="background: url('{$value.attributes.imageurl}') center no-repeat; background-size: 100% auto;">
                                <div class="text">{$value.attributes.title}</div>
                            </div>
                        </a>
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
        <div class="row platform__team-row">
            <div class="platform__team">
                <div class="platform__title clearfix">
                    <span class="pull-left">专家团队</span>
                    <a href="{:Url('department/department_doctors')}?cid={$departmentlist['id']}"
                       class="pull-right mid-more">浏览更多</a>

                </div>
                <div class="row__7y">
                    {volist name="team" id="value" offset="0" length="5"}
                    <div class="col-xs-3">
                        <a href="{:Url('Department/department_doctor_detail')}?id={$value.id}">
                            <div class="platform__team-body">
                                <img src="{$value.attributes.imageurl}" alt="" class="platform__team-icon">
                                <div class="platform__team-msg">
                                    <div class="platform__team-name">
                                        {$value.attributes.name}
                                    </div>
                                    <div class="platform__team-job">
                                        <!--{$value.attributes.job_position}-->
                                        {$value.attributes.job_position} {$value.attributes.job_title}
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
        <div class="row platform__info-card-row">
            <div class="col-md-6">
                <div class="info-card">
                    <div class="info-card__header">
                        <h1 class="info-card__title">动态/公告</h1>
                        <a href="{:Url('department/department_nav_detail')}?department={$departmentlist['id']}&column={$development['id']}"
                           class="info-card__know-more">浏览更多</a>
                    </div>
                    <div class="info-card__body clearfix">
                        <div class="info-card__single-list info-card__list-wrapper">
                            <ul>
                                {volist name="development.list" id="value"}
                                <li class="info-card__list-item clearfix">
                                    <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}"
                                       class="info-card__item-title">{$value.attributes.title}</a>
                                    <span class="info-card__item-date">{$value.attributes.created|date="Y-m-d",###}</span>
                                </li>
                                {/volist}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="info-card">
                    <div class="info-card__header">
                        <h1 class="info-card__title">健康科普</h1>
                        <a href="{:Url('department/department_nav_detail')}?department={$departmentlist['id']}&column={$health['id']}"
                           class="info-card__know-more">浏览更多</a>
                    </div>
                    <div class="info-card__body clearfix">
                        <div class="info-card__body clearfix">
                            <div class="info-card__body clearfix">
                                <div class="info-card__single-list info-card__list-wrapper">
                                    <ul>
                                        {volist name="health.list" id="value"}
                                        <li class="info-card__list-item clearfix">
                                            <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}"
                                               class="info-card__item-title info-card__item-title-leftf">{$value.attributes.title}</a>
                                            <span class="info-card__item-date">{$value.attributes.created|date="Y-m-d",###}</span>
                                        </li>
                                        {/volist}
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- CONTENT OVER -->

<!-- FOOTER -->
